﻿<!DOCTYPE HTML>
<html manifest="test.appcache">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
        HTML 5 应用程序缓存
    </title>

         
    <link href="../../Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />
        
    <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>        
</head>




<body>





<!-- data-role = page  用于定义  一个页面.  -->
<div data-role="page">


    <!--  data-role = header  用于定义一个 顶部标题.  -->
    <div data-role="header">
	    <h1> HTML 5 应用程序缓存 例子  </h1>

        <a href="/html5/home.html" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>

    </div>  <!-- /header -->






    <!--  data-role = content  用于定义一个 中间内容区域.  -->
    <div data-role="content">

        <p>
        暂时不清楚， 如何做这个功能的测试！
        </p>


		<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
			
            <li><a href="#">
				<img src="../images/album-bb.jpg" />
				<h3>Broken Bells</h3>
				<p>Broken Bells</p>
				</a>
			</li>


			<li><a href="#">				
				<img src="../images/album-hc.jpg" />
				<h3>Warning</h3>
				<p>Hot Chip</p>
				</a>
			</li>


			<li><a href="#">
				<img src="../images/album-p.jpg" />
				<h3>Wolfgang Amadeus Phoenix</h3>
				<p>Phoenix</p>
				</a>
			</li>

		</ul>


        <p>
            <a href="/html5/dialog/LoginFail.html" data-role="button" data-rel="dialog" data-transition="pop">  对话框1  </a>
        </p>

        <p>
            <a href="/html5/dialog/LoginError.html" data-role="button" data-rel="dialog" data-transition="pop">  对话框2  </a>
        </p>

    </div> <!-- /content -->






    <!--  data-role = footer  用于定义一个 底部标题.  -->
    <div data-role="footer">
        <h3>
            Footer
        </h3>
    </div>  <!-- /footer -->


</div><!-- /page -->


</body>
</html>

